<!--
 * @Author: your name
 * @Date: 2020-05-30 12:25:09
 * @LastEditTime: 2022-12-05 16:54:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /x-product-workspace/packages/x-project-app/src/components/org-avatar/index.vue
-->
<template>
    <div class="app-name-info">
        <span>{{appInfo.appName}}</span>
    </div>
  </template>
  
  <script>
  import { mapState } from 'vuex'
  export default {
    name: 'PersonInfo',
    data() {
      return {}
    },
    computed: {
        ...mapState({
            appInfo: state => state.appModule.configInfo
        })
    }
  }
  </script>
  
  <style lang="scss">
  @font-face{
    font-family: 'Gotham Bold';
    src: url(../../assets/font/fzlt.ttf) format('truetype');
  }
  .app-name-info{
    font-family: 'Gotham Bold' !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    font-family: FZLTCHJW--GB1-0;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    // margin-left: 20px;
    span{
      font-family: 'Gotham Bold' !important;
    }
  }
  </style>
  